.home{
    padding:10px;
    .header{
        display:flex;
        justify-content:space-between;
        align-items: center;
        padding:10px;
        .day{
            display:flex;
            align-items: center;
            .dayNumber{
                font-size:50px;
                color:@fontColor;
                font-weight:bold;

            }
            .dayYear{
                font-size:25px;
                margin-left:10px;
                align-items: center;
                color:@fontRoutine;
                display:flex;
                flex-direction:column;
               
            }
        }
        .date{
            font-size:50px;
            color:@fontColor;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    }
    .todoList{
        display:flex;
        flex-direction:column;
        align-items:center;
        &>.todoCard{
            width:85%;
            min-height:200px;
            background-color:#fff;
            box-shadow:0px 0px 10px #eee;
            margin-top:80px;
            border-radius:10px;
            position: relative;
            padding-top:20px;
            padding-left:12px;
            padding-right:12px;
            &>.todoTag{
                padding:10px 15px;
                background:orangered;
                text-shadow:0px 0px 1px #e24004;
                color:#fff;
                display: inline;
                border-radius:10px;
                font-size:25px;
                position: absolute;
                left:20px;
                top:-20px;
                letter-spacing:2px;

            }
            &>.todoItems{
                display:flex;
                flex-direction:column;
                align-items: flex-start;
                padding-top:30px;
                .todoItem{
                    padding:10px;
                    font-size:24px;
                    color:@fontColor;
                }
            }
        }
    }
}
each(range(4), {
    .col-@{value} {
      height: (@value * 50px);
    }
});
.@{prefix}{
    &-homeButton{
        clear: both;
    }
}
